<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <button @click="add">添加</button>
        <ul>
            <li v-for="item,index in list" :key="index">{{item}}</li>
        </ul>
    </div>
    <script>
        // 数组检测
        // 数组方法：
            // push pop splice forEach map 
            // 分类
            // 改变原数组
                // push unshift pop shift splice sort((num1,num2) => {return num1-num2}) [112,34]
                // reverse();
            // 不改变原数组
            //     join concat slice
            // // 迭代 // es5
            //     forEach()
            //     map();
            //     filter();
            //     every();
            //     some();
            //     reduce()
            //     indexOf()
            //     lastIndexOf()
            // // 静态方法
            //     Array.isArray()
            //     Array.of()
            // // es6
            //     Array.from()
        const vm = new Vue({
            el:"#app",
            data:{
                list:[1,2,3,4]
            },
            methods:{
                add(){
                    //this.list = this.list.concat([5,6])
                    // console.log(this.list);
                    // let arr = [1,2]
                    // console.log(arr.concat([3,4],[5,6]));
                    
                    // this.list[1] = 222222
                    Vue.set(this.list,1,22222)
                }
            }
        })

    </script>
</body>
</html>